<template>
<div>
  <div style="font-weight:bold;font-size:18px;line-height:60px;margin-left:30px" class="biaoti"><img src="../../../assets/shugang.png" alt="">&emsp;教育头条</div>
  <table class="table">
    <thead>
      <tr>
        <td width="100px" style="font-weight:bold">列表图</td>
        <td width="150px" style="font-weight:bold">标题</td>
        <td style="font-weight:bold">描述</td>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td><img src="../../../assets/toutiao.png" alt=""></td>
        <td>30所京城中小学这样过"世界读书日"</td>
        <td>正值4月23日世界读书日,图书日设立的目的是推动更多人去阅读,从而感悟人生,让社会更加文明和谐,书香四溢...</td>
      </tr>
      <tr>
        <td><img src="../../../assets/toutiao.png" alt=""></td>
        <td>30所京城中小学这样过"世界读书日"</td>
        <td>正值4月23日世界读书日,图书日设立的目的是推动更多人去阅读,从而感悟人生,让社会更加文明和谐,书香四溢...</td>
      </tr>
       <tr>
        <td><img src="../../../assets/toutiao.png" alt=""></td>
        <td>30所京城中小学这样过"世界读书日"</td>
        <td>正值4月23日世界读书日,图书日设立的目的是推动更多人去阅读,从而感悟人生,让社会更加文明和谐,书香四溢...</td>
      </tr>
       <tr>
        <td><img src="../../../assets/toutiao.png" alt=""></td>
        <td>30所京城中小学这样过"世界读书日"</td>
        <td>正值4月23日世界读书日,图书日设立的目的是推动更多人去阅读,从而感悟人生,让社会更加文明和谐,书香四溢...</td>
      </tr>
    </tbody>
  </table>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
   .table{
    margin-left: 60px;
     tr{
        td{
          padding: 12px 10px;
        }
     }
     thead{
      font-size:18px;
     }    
   }
   .biaoti:hover{
      color:#558BFD
     }
</style>